/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

.flex_c {
    display: flex;
    flex-direction: column;
}

.flex_ce {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex_cce {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

*,
:after,
:before {
    box-sizing: border-box
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

li {
    margin-left: 0
}

img {
    width: 100%;
    display: block
}

:focus,
a {
    outline: none
}

a {
    background: transparent;
    text-decoration: none
}

.am-slide-up-appear,
.am-slide-up-enter {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.am-slide-up-appear,
.am-slide-up-enter,
.am-slide-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.am-slide-up-appear,
.am-slide-up-appear-active,
.am-slide-up-enter,
.am-slide-up-enter-active {
    -webkit-animation-name: amSlideUpIn;
    animation-name: amSlideUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.am-slide-up-leave,
.am-slide-up-leave-active {
    -webkit-animation-name: amSlideUpOut;
    animation-name: amSlideUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes amSlideUpIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes amSlideUpIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes amSlideUpOut {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes amSlideUpOut {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.am-zoom-enter,
.am-zoom-leave {
    display: block
}

.am-zoom-appear,
.am-zoom-enter {
    opacity: 0;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    -webkit-animation-timing-function: cubic-bezier(.18, .89, .32, 1.28);
    animation-timing-function: cubic-bezier(.18, .89, .32, 1.28);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.am-zoom-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    -webkit-animation-timing-function: cubic-bezier(.6, -.3, .74, .05);
    animation-timing-function: cubic-bezier(.6, -.3, .74, .05);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.am-zoom-appear,
.am-zoom-appear-active,
.am-zoom-enter,
.am-zoom-enter-active {
    -webkit-animation-name: amZoomIn;
    animation-name: amZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.am-zoom-leave,
.am-zoom-leave-active {
    -webkit-animation-name: amZoomOut;
    animation-name: amZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes amZoomIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes amZoomIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes amZoomOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes amZoomOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.am-slide-down-appear,
.am-slide-down-enter {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.am-slide-down-appear,
.am-slide-down-enter,
.am-slide-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.am-slide-down-appear,
.am-slide-down-appear-active,
.am-slide-down-enter,
.am-slide-down-enter-active {
    -webkit-animation-name: amSlideDownIn;
    animation-name: amSlideDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.am-slide-down-leave,
.am-slide-down-leave-active {
    -webkit-animation-name: amSlideDownOut;
    animation-name: amSlideDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes amSlideDownIn {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes amSlideDownIn {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes amSlideDownOut {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes amSlideDownOut {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.jym-fade-appear,
.jym-fade-enter,
.jym-fade-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.jym-fade-appear,
.jym-fade-appear-active,
.jym-fade-enter,
.jym-fade-enter-active {
    -webkit-animation-name: amFadeIn;
    animation-name: amFadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.jym-fade-leave,
.jym-fade-leave-active {
    -webkit-animation-name: amFadeOut;
    animation-name: amFadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes amFadeIn {
    0% {
        opacity: 0
    }

    10% {
        opacity: .1
    }

    30% {
        opacity: .3
    }

    50% {
        opacity: .5
    }

    60% {
        opacity: .6
    }

    90% {
        opacity: .9
    }

    to {
        opacity: 1
    }
}

@keyframes amFadeIn {
    0% {
        opacity: 0
    }

    10% {
        opacity: .1
    }

    30% {
        opacity: .3
    }

    50% {
        opacity: .5
    }

    60% {
        opacity: .6
    }

    90% {
        opacity: .9
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes amFadeOut {
    0% {
        opacity: 1
    }

    10% {
        opacity: .9
    }

    30% {
        opacity: .6
    }

    50% {
        opacity: .5
    }

    60% {
        opacity: .3
    }

    90% {
        opacity: .1
    }

    to {
        opacity: 0
    }
}

@keyframes amFadeOut {
    0% {
        opacity: 1
    }

    10% {
        opacity: .9
    }

    30% {
        opacity: .6
    }

    50% {
        opacity: .5
    }

    60% {
        opacity: .3
    }

    90% {
        opacity: .1
    }

    to {
        opacity: 0
    }
}

html body {
    background-color: #fff
}

.loading-toaster-page {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -60px 0 0 -60px;
    color: #fff;
    padding-top: 25px;
    box-sizing: border-box;
    width: 120px;
    height: 120px;
    text-align: center;
    background: rgba(30, 33, 51, .8);
    border-radius: 5px;
    font-size: 16px
}

.loading-toaster-page img {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto 12px
}

.search-list {
    height: 1.2rem;
    font-size: .37333rem;
    color: #303133;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    z-index: 9;
    background-color: #fff;
    border-bottom: 1px solid #e6e8eb
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    html:not([data-scale]) .search-list {
        border-bottom: none
    }

    html:not([data-scale]) .search-list:after {
        content: "";
        position: absolute;
        background-color: #e6e8eb;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),
(min-resolution:2dppx) and (min-resolution:3dppx) {
    html:not([data-scale]) .search-list:after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.search-list li {
    display: inline-block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    line-height: 1.2rem;
    -webkit-flex-basis: 2.2rem;
    flex-basis: 2.2rem;
    width: 2.2rem;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.search-list li span {
    overflow: hidden;
    white-space: nowrap;
    max-width: 1.92rem;
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis
}

.search-list li:last-child {
    width: 1.2rem;
    -webkit-flex-basis: 1.2rem;
    flex-basis: 1.2rem;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0
}

.search-list li.active {
    color: #05a8fa
}

.search-tab-container,
.search-tab-container .search-tab-section {
    position: relative
}

.search-tab-container .tabs-place-holder-hide {
    display: none
}

.search-tab-container .tabs-place-holder {
    background: #fff;
    width: 100%;
    height: 1.2rem;
    box-sizing: content-box
}

.search-tab-container .position-tabs-to-fixed {
    position: absolute;
    top: 0
}

.search-tab-container .search-tab-section.tab-fixed {
    position: fixed;
    top: 0;
    background-color: #fff;
    z-index: 2;
    width: 100%
}

.icon-tabs-down-black,
.icon-tabs-up-blue {
    margin-top: -.05333rem;
    width: .16rem;
    height: .10667rem;
    margin-left: .10667rem;
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.icon-tabs-down-black {
    fill: #303133;
    stroke: #303133
}

.icon-tabs-up-blue {
    fill: #3bf;
    stroke: #3bf;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.icon-filter-black {
    width: .56rem;
    height: .42667rem;
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.new-list-search-tabs {
    color: #5f6166;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.new-list-search-tabs li {
    text-overflow: ellipsis
}

.new-list-search-tabs li,
.new-list-search-tabs li:last-child {
    -webkit-flex-basis: 2.18667rem;
    flex-basis: 2.18667rem;
    width: 2.18667rem;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0
}

.new-list-search-tabs .icon-filter-black {
    width: .4rem;
    height: .4rem
}

.new-list-search-tabs .icon-filter-black,
.new-list-search-tabs .icon-tabs-down-black {
    fill: #5f6166;
    stroke: #5f6166
}

.hide {
    opacity: 0;
    height: 0;
    overflow: hidden;
    max-height: 0 !important;
    padding: 0
}

.search-sort-panel .sort-active {
    color: #05a8fa
}

.search-sort-panel .sort-default span {
    font-size: .32rem;
    color: #c0c4cc;
    margin-left: .13333rem
}

.search-sort-panel li {
    height: 1.46667rem;
    padding-top: .4rem;
    margin-left: .4rem;
    font-size: .37333rem;
    color: #303133;
    line-height: .64rem;
    border-bottom: 1px solid #e6e8eb;
    position: relative
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    html:not([data-scale]) .search-sort-panel li {
        border-bottom: none
    }

    html:not([data-scale]) .search-sort-panel li:after {
        content: "";
        position: absolute;
        background-color: #e6e8eb;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),
(min-resolution:2dppx) and (min-resolution:3dppx) {
    html:not([data-scale]) .search-sort-panel li:after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.search-sort-panel li:last-child:after {
    height: 0 !important
}

.icon-choose-blue {
    width: .34667rem;
    height: .24rem;
    position: absolute;
    right: .4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.search-panel {
    max-height: 11.52rem
}

.search-category-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.pid-list {
    width: 28vw;
    display: inline-block;
    vertical-align: top;
    background: #e6e8eb;
    overflow: auto
}

.category-section::-webkit-scrollbar,
.pid-list::-webkit-scrollbar {
    display: none
}

.pid-list .category-active {
    background: #f5f7fa;
    color: #05a8fa;
}

.pid-list .category-active:after {
    content: "";
    position: absolute;
    width: .08rem;
    height: .42667rem;
    background: #3bf;
    border-radius: .04rem;
    left: 0;
    margin-top: .13333rem
}

.category-section {
    display: inline-block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: auto;
    background: #f5f7fa
}

.category-list li.active {
    color: #05a8fa;
    background: #fff
}

.category-list {
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.iconfont-arrow-right {
    font-size: .32rem;
    font-weight: 700;
    float: right;
    margin-right: .13333rem
}

.search-panel {
    position: absolute;
    z-index: 9;
    background-color: #fff;
    width: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: max-height .4s cubic-bezier(.39, .58, .57, 1);
    transition: max-height .4s cubic-bezier(.39, .58, .57, 1);
    border-radius: 0 0 .26667rem .26667rem
}

.search-server-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.server-area-list,
.server-list {
    width: 2.77333rem;
    display: inline-block;
    vertical-align: top;
    background: #e6e8eb;
    overflow: auto
}

.server-area-list li,
.server-list li {
    height: 1.33333rem;
    padding-top: .34667rem;
    padding-left: .4rem;
    font-size: .37333rem;
    color: #303133;
    line-height: .64rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.server-area-list {
    width: 2.08rem;
    background: #f5f7fa
}

.client-section::-webkit-scrollbar,
.server-area-list::-webkit-scrollbar,
.server-list::-webkit-scrollbar {
    display: none
}

.server-area-list .server-active,
.server-list .all-server-active,
.server-list .server-active {
    background: #fff;
    color: #05a8fa;
    position: relative;
    overflow-y: auto
}

.all-server-active:after,
.server-list .server-active:after {
    content: "";
    position: absolute;
    width: .08rem;
    height: .42667rem;
    background: #3bf;
    border-radius: .04rem;
    left: 0;
    margin-top: .13333rem
}

.server-list .all-server-active,
.server-list.level3 .server-active {
    background: #f5f7fa
}

.client-section {
    display: inline-block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: auto;
    position: relative
}

.client-section .am-list-view-scrollview-content {
    height: 100%
}

.no-client-section {
    background: #f5f7fa
}

.server-search-input-form {
    position: relative;
    margin: .4rem .4rem 0
}

.server-search-input-form .form-input-text {
    background: #f5f7fa;
    border-radius: .53333rem;
    width: 100%;
    border: 0;
    height: 1.06667rem;
    font-size: .37333rem;
    color: #303133;
    padding: 0 .4rem 0 1.06667rem;
    vertical-align: middle;
    line-height: .96rem
}

.server-search-input-form ::-webkit-input-placeholder {
    font-size: .32rem;
    color: #c0c4cc
}

.server-search-input-form :-moz-placeholder,
.server-search-input-form ::-moz-placeholder {
    font-size: .32rem;
    color: #c0c4cc
}

.server-search-input-form :-ms-input-placeholder {
    font-size: .32rem;
    color: #c0c4cc
}

.client-list li.active,
.total-option.active {
    color: #05a8fa;
    background: rgba(5, 180, 255, .1);
    border: 1px solid #05b4ff
}

.client-list {
    margin: 0 0 .26667rem .4rem;
    -webkit-overflow-scrolling: touch
}

.client-list li {
    background: #f5f7fa;
    color: #5f6166;
    border-radius: .53333rem;
    font-size: .37333rem;
    text-align: center;
    display: inline-block;
    width: 45%;
    margin-top: .26667rem;
    margin-right: .24rem;
    border: 1px solid #f5f7fa;
    height: 1.06667rem;
    font-size: .32rem;
    padding: 0;
    position: relative;
    cursor: pointer
}

.client-list li .server-name-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-all;
    line-height: normal;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
    padding: .08rem .26667rem
}

.client-list.level3 li {
    width: 45%;
    margin-right: .16rem;
    padding-right: 0;
    padding-left: 0
}

.total-option {
    border-radius: .53333rem;
    font-size: .37333rem;
    text-align: center;
    padding: .32rem .26667rem .29333rem;
    display: inline-block;
    border: 1px solid #f5f7fa;
    margin: .4rem .4rem 0;
    display: block;
    background: #f5f7fa;
    color: #5f6166;
    font-size: .32rem
}

.noServerPanelData {
    font-size: .37333rem;
    color: #303133;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 45%;
    left: 50%;
    width: 100%
}

.noServerPanelData img {
    width: 2.66667rem;
    margin: auto auto .53333rem
}

.icon-search-grey {
    left: .34667rem
}

.icon-clean-grey,
.icon-search-grey {
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    width: .42667rem;
    height: .42667rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.icon-clean-grey {
    right: .26667rem
}

.all-client-id-footer {
    font-size: .32rem;
    color: #8d9199;
    text-align: center;
    margin: .45333rem 0 0;
    padding-bottom: .45333rem
}

.all-client-id-footer .all-client-footer-text {
    padding-bottom: .13333rem
}

.search-panel-container {
    position: relative
}

.search-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 8
}

.filter-mask {
    z-index: 101;
    -webkit-transition: opacity .5s ease, visibility .5s ease;
    transition: opacity .5s ease, visibility .5s ease;
    opacity: 1
}

.filter-pannel.hide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.filter-form-container {
    height: 100%;
    overflow: hidden;
    overflow-y: auto
}

.form-title {
    font-weight: 700;
    font-size: 14px;
    color: #303133;
    line-height: 24px
}

.form-section {
    position: relative;
    margin-bottom: .8rem
}

.form-section .form-title {
    font-size: .37333rem;
    color: #303133;
    line-height: .64rem;
    margin-bottom: .26667rem
}

.form-section .range-input {
    width: 3.41333rem;
    text-align: center
}

.form-section .range-input:nth-child(2n) {
    margin-right: .13333rem
}

.form-section .range-input:nth-child(odd) {
    margin-left: .13333rem
}

.form-section .form-checkbox-button {
    -webkit-appearance: none;
    display: none
}

.form-section .checkbox-button-section div:first-child .form-checkbox-button-label,
.form-section .checkbox-button-section div:nth-child(2) .form-checkbox-button-label,
.form-section .checkbox-button-section div:nth-child(3) .form-checkbox-button-label {
    margin-top: 0
}

.price-range-section .checkbox-button-section {
    margin-top: .26667rem
}

.checkbox-button-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

input[type=checkbox]:checked+.form-checkbox-button-label {
    background: rgba(5, 180, 255, .1);
    border: 1px solid #05b4ff;
    color: #05b4ff;
    font-weight: 700
}

.total-options {
    float: right;
    margin-right: .4rem;
    font-size: .32rem;
    color: #5f6166;
    font-weight: 400
}

.icon-select-option-all {
    margin-left: .06667rem
}

.filter-reset {
    height: .90667rem;
    margin-right: .32rem;
    margin-left: .32rem;
    border: 1px solid #e6e8eb;
    border-radius: .6rem;
    background-color: #fff;
    color: #303133
}

.filter-reset,
.filter-submit {
    text-align: center;
    font-size: .4rem;
    width: 3.92rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.filter-submit {
    height: .93333rem;
    z-index: 9;
    margin-right: 12px;
    border: 1px solid #05b4ff;
    border-radius: .6rem;
    color: #fff;
    background: #05b4ff
}

.form-switch-description {
    font-size: .32rem;
    color: #8d9199;
    margin-top: .48rem
}

.form-switch-description-position {
    position: relative
}

.form-switch-label {
    position: absolute;
    cursor: pointer;
    display: inline-block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .4rem
}

.form-checkbox-switch {
    width: 1.6rem;
    height: .69333rem;
    border-radius: .42667rem;
    background: #e5e5e5;
    z-index: 0;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.form-checkbox-switch:after {
    width: .90667rem;
    z-index: 2;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    content: " ";
    position: absolute;
    left: 0;
    top: -.10667rem;
    height: .90667rem;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    border: 1px solid #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
}

.form-checkbox-switch:checked {
    background: #05b4ff
}

.form-checkbox-switch:checked:after {
    left: .74667rem;
    border: 1px solid #fff;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
}

.split-line {
    width: .26667rem;
    height: .02667rem;
    display: inline-block;
    background: #8d9199;
    border-radius: .02667rem;
    margin-left: .12rem;
    margin-right: .25333rem
}

.search-list .isSelectd {
    color: #303133;
    font-weight: 700
}

.search-list .isSelectd .svg-icon {
    fill: #05b4ff;
    stroke: #05b4ff
}

.search-tab-container .search-tab-section.tab-fixed {
    z-index: 10
}

.fast-filter-form-section {
    margin-bottom: 0
}

.fast-filter-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: .26667rem .4rem 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.fast-filter-section .form-checkbox-button-label {
    width: 2.72rem;
    border-radius: .36rem;
    text-align: center;
    padding: .18667rem 0;
    font-size: .32rem;
    background: #f5f7fa;
    color: #5f6166;
    height: .72rem;
    line-height: .32rem
}

.fast-filter-section .form-checkbox-button-label.active {
    border: 1px solid #05b4ff;
    color: #05b4ff;
    background: rgba(5, 180, 255, .05)
}

.filter-pannel ::-webkit-input-placeholder {
    font-size: .32rem;
    color: #c8c8c8;
    font-weight: 400
}

.filter-pannel :-moz-placeholder,
.filter-pannel ::-moz-placeholder {
    font-size: .32rem;
    color: #c8c8c8;
    font-weight: 400
}

.filter-pannel :-ms-input-placeholder {
    font-size: .32rem;
    color: #c8c8c8;
    font-weight: 400
}

.jym-default-img {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block
}

.jym-default-img.square {
    background-image: url()
}

.jym-default-img.rectangle {
    background-image: url(https://g.alicdn.com/jym/jym-frontend-cdn/img/img_default_rectangle.c6bf5ec9.png)
}

.jym-img-opc {
    opacity: 1
}

.jym-img-opc-1 {
    -webkit-animation: imgfadeIn .5s ease-in-out;
    animation: imgfadeIn .5s ease-in-out
}

@-webkit-keyframes imgfadeIn {
    0% {
        opacity: 0
    }

    25% {
        opacity: .25
    }

    50% {
        opacity: .5
    }

    75% {
        opacity: .75
    }

    to {
        opacity: 1
    }
}

@keyframes imgfadeIn {
    0% {
        opacity: 0
    }

    25% {
        opacity: .25
    }

    50% {
        opacity: .5
    }

    75% {
        opacity: .75
    }

    to {
        opacity: 1
    }
}

.am-badge {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.am-badge-text {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    height: .4rem;
    line-height: .4rem;
    min-width: .2rem;
    border-radius: .05333rem;
    padding: 0 .05333rem;
    text-align: center;
    font-size: .26667rem;
    color: #0fa8f5;
    background-color: #f0faff;
    white-space: nowrap;
    -webkit-transform: translateX(-45%);
    transform: translateX(-45%);
    -webkit-transform-origin: -10% center;
    transform-origin: -10% center;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", SimSun, sans-serif
}

.am-badge-text p {
    margin: 0;
    padding: 0
}

.am-badge-hot .am-badge-text,
.am-badge.red .am-badge-text {
    background-color: #fff2f1;
    color: #ff301a
}

.am-badge.green .am-badge-text {
    background: rgba(10, 204, 107, .08);
    color: #0acc6b
}

.am-badge.yellow .am-badge-text {
    background: rgba(250, 191, 12, .1);
    color: #fabb00
}

.am-badge.grey .am-badge-text {
    background: #f5f7fa;
    color: #303133
}

.am-badge.blue .am-badge-text {
    background-color: #05b4ff;
    color: #fff
}

.am-badge.origin .am-badge-text {
    background-color: #ff7605;
    color: #fff
}

.am-badge.purple .am-badge-text {
    background-color: #ff81c9;
    color: #fff
}

.am-badge.yellow-2 .am-badge-text {
    background-color: #ffa708;
    color: #fff
}

.am-badge.red-2 .am-badge-text {
    background-color: #fe575c;
    color: #fff
}

.am-badge.blue-2 .am-badge-text {
    background-color: #33cf75;
    color: #fff
}

.am-badge.blue-3 .am-badge-text {
    background-color: #04c7a0;
    color: #fff
}

.am-badge.purple-2 .am-badge-text {
    background-color: #b75bff;
    color: #fff
}

.am-badge.ellipse {
    max-width: 48%
}

.am-badge.ellipse .am-badge-text {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.am-badge-not-a-wrapper .am-badge-dot,
.am-badge-not-a-wrapper .am-badge-text {
    top: auto;
    display: block;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.am-badge-group .am-badge {
    margin-right: .13333rem
}

.am-badge-group .am-badge:last-child {
    margin-right: 0
}

.goodsList-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: .4rem 0;
    margin: 0 .4rem;
    border-bottom: 1px solid #e6e8eb;
    position: relative
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    html:not([data-scale]) .goodsList-item {
        border-bottom: none
    }

    html:not([data-scale]) .goodsList-item:after {
        content: "";
        position: absolute;
        background-color: #e6e8eb;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),
(min-resolution:2dppx) and (min-resolution:3dppx) {
    html:not([data-scale]) .goodsList-item:after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.goodsList-item-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    position: relative
}

.goodsList-item-left-header-read {
    color: #8d9199
}

.goodsList-item-left-header .am-badge {
    margin-top: -.05333rem;
    margin-right: .05333rem
}

.goodsList-item-left .left-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.goodsList-item-left .left-footer-placehoder {
    height: 1.06667rem
}

.goodsList-item-left .left-footer-tag {
    margin-top: .05333rem;
    font-size: .26667rem;
    margin-right: .18667rem;
    border-radius: .05333rem;
    padding: 0 .05333rem;
    display: inline-block
}

.goodsList-item-left .left-footer-tag .iconfont {
    font-size: .34667rem;
    vertical-align: middle;
    margin-top: -.02667rem
}

.goodsList-item-left .left-footer-btags {
    position: absolute;
    right: 0;
    bottom: 0
}

.goodsList-item-left .left-footer-btag {
    background-image: url(https://g.alicdn.com/jym/jym-frontend-cdn/img/color_yellow.f57b7a3e.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    font-size: .26667rem;
    padding: .05333rem .08rem;
    color: #b66d2f;
    display: inline-block;
    font-weight: bolder
}

.goodsList-item-left .left-footer .blue {
    color: #4cd96f;
    background-color: rgba(36, 226, 144, .05)
}

.goodsList-item-left .left-footer .green {
    color: #2191e1;
    background-color: rgba(33, 145, 225, .05)
}

.goodsList-item-left .left-footer .grey {
    color: #8d9199;
    background-color: #f8f8f8
}

.goodsList-item-left .left-footer-price-dtl {
    position: absolute;
    margin-left: .16rem;
    font-size: .26667rem;
    color: #ff301a;
    display: inline-block;
    padding: .02667rem .05333rem;
    border: 1px solid #ff301a;
    border-radius: .05333rem;
    top: .05333rem
}

.goodsList-item-left .left-footer-price-dtl .arrow {
    width: .08rem;
    height: .08rem;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: -.05333rem
}

.goodsList-item-left .left-footer-price-dtl .arrow-top {
    width: .13333rem;
    height: 1px;
    border-top: 1px solid #ff301a;
    position: absolute;
    top: -1px;
    left: -.10667rem
}

.goodsList-item-left .left-footer-price-dtl .arrow-left {
    width: .13333rem;
    height: 1px;
    border-top: 1px solid #ff301a;
    position: absolute;
    top: .02667rem;
    left: -.11467rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.goodsList-item-badges {
    color: #8d9199;
    font-size: .29333rem;
    line-height: 1
}


.goodsList-item-right {
    position: relative;
    padding-right: .26667rem
}

.goodsList-item-right .jym-default-img,
.goodsList-item-right .jym-img-loaded {
    width: 3.14667rem;
    height: 3.14667rem;
    border-radius: .13333rem
}

.goodsList-item-right .jym-img-loaded {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.good-list-banner {
    padding: .4rem
}

.good-list-banner img {
    height: 2.13333rem
}

.am-icon {
    fill: currentColor;
    background-size: cover
}

.am-icon-lg {
    width: 1.06667rem;
    height: 1.06667rem
}

.am-icon-loading {
    -webkit-animation: cirle-anim 1s linear infinite;
    animation: cirle-anim 1s linear infinite
}

@-webkit-keyframes cirle-anim {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes cirle-anim {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.am-toast {
    position: fixed;
    width: 100%;
    z-index: 1000;
    font-size: .42667rem;
    text-align: center
}

.am-toast>span {
    max-width: 50%
}

.am-toast-mask {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    left: 0;
    top: 0
}

.am-toast-mask,
.am-toast-nomask {
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px)
}

.am-toast-nomask {
    position: fixed;
    max-width: 50%;
    width: auto;
    left: 50%;
    top: 50%;
    z-index: 10000
}

.am-toast-nomask .am-toast-notice {
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.am-toast-notice-content .am-toast-text {
    min-width: 4rem;
    max-width: 7.33333rem;
    line-height: 1.5;
    border-radius: .13333rem;
    color: #fff;
    background-color: rgba(30, 33, 51, .8);
    padding: .53333rem
}

.toaster-loading img {
    width: 1.06667rem;
    height: 1.06667rem;
    margin: 0 auto .34667rem
}

.toaster-ok .iconfont-choose:first-child {
    font-size: 1.06667rem;
    color: #0acc6b
}

.toaster-ok .sub-content {
    font-family: PingFangSC-Medium;
    font-size: .37333rem;
    color: #c0c4cc;
    text-align: center;
    line-height: .53333rem
}

.filterRecord {
    background-color: #effaff;
    color: #05b4ff;
    font-size: .32rem;
    padding: .21333rem .4rem .21333rem .29333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    z-index: 10
}

.filterRecord .iconfont {
    margin-right: .26667rem
}

.filterRecord-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.filterRecord-right {
    width: 1.70667rem
}

.search-form {
    width: 100%
}

.search-input {
    padding-left: .13333rem;
    border: none;
    background-color: transparent;
    width: 100%
}

.search-input,
.search-input-zone {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.search-input-zone {
    background: #f5f7fa;
    border-radius: .48rem;
    color: #c0c4cc;
    font-size: .37333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: .93333rem;
    text-align: left;
    padding-left: .18667rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.search-input-zone .iconfont-search {
    font-size: .37333rem;
    margin-right: .13333rem
}

.search-input-zone .search-clear {
    padding: 0 .13333rem 0 .26667rem;
    font-size: .53333rem;
    color: #c0c4cc
}

@-webkit-keyframes withChange {
    0% {
        width: 6.13333rem
    }

    25% {
        width: 6.4rem
    }

    50% {
        width: 6.66667rem
    }

    75% {
        width: 6.93333rem
    }

    to {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1
    }
}

@keyframes withChange {
    0% {
        width: 6.13333rem
    }

    25% {
        width: 6.4rem
    }

    50% {
        width: 6.66667rem
    }

    75% {
        width: 6.93333rem
    }

    to {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1
    }
}

.jym-goodsList-header-searchbtn {
    color: #0098fe;
    font-size: .42667rem;
    padding-left: .26667rem
}

.search-page-panel {
    margin: .53333rem .4rem .26667rem;
    font-size: .42667rem;
    color: #303133;
    font-weight: bolder
}

.search-page-panel-trash {
    float: right;
    color: #8d9199;
    font-size: .48rem
}

.search-history-list {
    margin: 0 .13333rem 0 .4rem
}

.search-history-list-item {
    float: left;
    border-radius: .37333rem;
    background-color: #f5f7fa;
    padding: .13333rem .26667rem;
    font-size: .32rem;
    margin: 0 .26667rem .26667rem 0;
    cursor: pointer
}

.loading-more {
    width: .8rem;
    margin: 0 auto
}

.jym-goodsList-noResult {
    font-size: .42667rem;
    color: #303133;
    text-align: center;
    line-height: 1.5
}

.navbar {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 50px;
    background-color: #fff;
    z-index: 9;
    top: 0;
    width: 100%;
    color: #fff;
    box-sizing: content-box;
}

.navbar.fixed {
    position: fixed
}

.jym-goodsList-noResult-img {
    width: 3.89333rem;
    margin: 2.29333rem auto .53333rem
}

.navbar .header-back {
    padding: .21333rem;
    margin: 0 -.21333rem;
}

.search-tab-container,
#search-tab-container .search-tab-section {
    position: relative;
}

.title {
    position: relative;
}


@font-face {
    font-family: jymiconfont;
    src: url(http://at.alicdn.com/t/font_1210754_xoczn2qvvqj.eot);
    src: url(http://at.alicdn.com/t/font_1210754_xoczn2qvvqj.eot#iefix) format("embedded-opentype"),
        url(http://at.alicdn.com/t/font_1210754_xoczn2qvvqj.woff) format("woff"),
        url(http://at.alicdn.com/t/font_1210754_xoczn2qvvqj.ttf) format("truetype"),
        url(http://at.alicdn.com/t/font_1210754_xoczn2qvvqj.svg#NextIcon) format("svg")
}

.iconfont {
    display: inline-block;
    font-family: jymiconfont;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.iconfont:before {
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.iconfont-nav-back:before {
    content: "\E74E"
}

.iconfont-back:before {
    content: "\E662"
}

.iconfont-closedx:before {
    content: "\E684"
}

.iconfont-search:before {
    content: "\E610"
}

.iconfont-qq:before {
    content: "\E655"
}

.iconfont-weixin:before {
    content: "\E607"
}

.iconfont-wechat-moments:before {
    content: "\E60F"
}

.iconfont-weibo:before {
    content: "\E60E"
}

.iconfont-qzone:before {
    content: "\E60D"
}

.iconfont-os-pc:before {
    content: "\E603"
}

.iconfont-os-ios:before {
    content: "\E602"
}

.iconfont-os-android:before {
    content: "\E601"
}

.iconfont-help:before {
    content: "\E60C"
}

.iconfont-help-xy:before {
    content: "\E76B"
}

.iconfont-arrow-right:before {
    content: "\E620"
}

.iconfont-arrow-up:before {
    content: "\E63C"
}

.iconfont-arrow-down:before {
    content: "\E63D"
}

.iconfont-selected-blue:before {
    content: "\E628"
}

.iconfont-selected-red:before {
    content: "\E6D4"
}

.iconfont-log-code:before {
    content: "\E60B"
}

.iconfont-log-phone:before {
    content: "\E60A"
}

.iconfont-log-uc:before {
    content: "\E654"
}

.iconfont-toselect:before {
    content: "\E627"
}

.iconfont-edit:before {
    content: "\E612"
}

.iconfont-table-arrow:before {
    content: "\E66B"
}

.iconfont-tag-channel:before {
    content: "\E616"
}

.iconfont-post-share:before {
    content: "\E617"
}

.iconfont-post-comment:before {
    content: "\E61A"
}

.iconfont-post-main-content:before {
    content: "\E622"
}

.iconfont-post-like:before {
    content: "\E618"
}

.iconfont-post-like-selected:before {
    content: "\E61B"
}

.iconfont-post-video-play:before {
    content: "\E61F"
}

.iconfont-post-video-play-count:before {
    content: "\E61D"
}

.iconfont-post-follow:before {
    content: "\E624"
}

.iconfont-te-face:before {
    content: "\E61E"
}

.iconfont-te-keyboard:before {
    content: "\E621"
}

.iconfont-te-error:before {
    content: "\E629"
}

.iconfont-trash:before {
    content: "\E61C"
}

.iconfont-view-more:before {
    content: "\E625"
}

.iconfont-more-operate:before {
    content: "\E646"
}

.iconfont-add-pic:before {
    content: "\E653"
}

.iconfont-input-clean:before {
    content: "\E65D"
}

.iconfont-edit2:before {
    content: "\E62B"
}

.iconfont-followed-people:before {
    content: "\E62C"
}

.iconfont-im-link-blue:before,
.iconfont-im-link:before {
    content: "\E635"
}

.iconfont-select:before {
    content: "\E604"
}

.iconfont-eye-close:before {
    content: "\E606"
}

.iconfont-eye-open:before {
    content: "\E605"
}

.iconfont-authorize-agree:before {
    content: "\E628"
}

.iconfont-warning-line:before {
    content: "\E608"
}

.iconfont-warning:before {
    content: "\E668"
}

.iconfont-keybord:before {
    content: "\E621"
}

.iconfont-keybord-smile:before {
    content: "\E61E"
}

.iconfont-keybord-pic:before {
    content: "\E647"
}

.iconfont-keybord-delete:before {
    content: "\E648"
}

.iconfont-tick-triangle:before {
    content: "\E626"
}

.iconfont-choose:before {
    content: "\E660"
}

.iconfont-wait:before {
    content: "\E666"
}

.iconfont-fail-circle:before {
    content: "\E629"
}

.iconfont-dailian-order:before {
    content: "\E62A"
}

.iconfont-complete:before {
    content: "\E776"
}

.iconfont-unfold:before {
    content: "\E658"
}

.iconfont-order-shop:before {
    content: "\E634"
}

.iconfont-see-open:before {
    content: "\E636"
}

.iconfont-see-close:before {
    content: "\E637"
}

.iconfont-order-seller:before {
    content: "\E638"
}

.iconfont-post-pin:before {
    content: "\E639"
}

.iconfont-s2 {
    font-size: .48rem
}

.iconfont-s1 {
    font-size: .42667rem
}

.iconfont-s3 {
    font-size: .96rem
}

.iconfont-collect:before {
    content: "\E63B"
}

.iconfont-collected:before {
    content: "\E63E"
}

.iconfont-share-u:before {
    content: "\E63F"
}

.iconfont-tab-option:before {
    content: "\E644"
}

.iconfont-homepage:before {
    content: "\E642"
}

.iconfont-blacklist:before {
    content: "\E643"
}

.iconfont-kefu:before {
    content: "\E74B"
}

.iconfont-photo:before {
    content: "\E75A"
}

.iconfont-toggle:before {
    content: "\E649"
}

.iconfont-2m:before {
    content: "\E645"
}

.iconfont-arrow-red:before,
.iconfont-up-arrow:before {
    content: "\E64A"
}

.iconfont-user-report:before {
    content: "\E75B"
}

.iconfont-retry:before {
    content: "\E64C"
}

.iconfont-selected:before {
    content: "\E628"
}

.iconfont-toselete:before {
    content: "\E627"
}

.iconfont-openeyes:before {
    content: "\E65A"
}

.iconfont-closeeyes:before {
    content: "\E65B"
}

.iconfont-explain:before {
    content: "\E748"
}

.iconfont-question:before {
    content: "\E611"
}

.iconfont-ban-qq:before {
    content: "\E75D"
}

.iconfont-lock:before {
    content: "\E75E"
}

.iconfont-bank-card:before {
    content: "\E75C"
}

.iconfont-compete:before {
    content: "\E75F"
}

.iconfont-im-blacklist:before {
    content: "\E64F"
}

.iconfont-im-mute:before {
    content: "\E650"
}

.iconfont-im-remind:before {
    content: "\E651"
}

.iconfont-im-promote:before {
    content: "\E652"
}

.iconfont-im-notice:before {
    content: "\E656"
}

.iconfont-upload:before {
    content: "\E64E"
}

.iconfont-order-list-seller:before {
    content: "\E77F"
}

/* .clearfix {
    *zoom:1
   } */
.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

@supports (bottom:constant(safe-area-inset-bottom)) or (bottom:env(safe-area-inset-bottom)) {
    .safe-area-inset-bottom {
        padding-bottom: env(safe-area-inset-bottom)
    }
}

.page-h5-goodsList body {
    width: 100%
}

.page-h5-goodsList.error-bg body {
    background-color: #f5f7fa
}

.page-h5-goodsList .navbar-left {
    -webkit-box-flex: unset;
    -webkit-flex: unset;
    flex: unset
}

.page-h5-goodsList .image-swipe .carousel-page {
    background-color: unset;
    background-image: -webkit-linear-gradient(bottom, transparent, rgba(0, 0, 0, .5));
    background-image: linear-gradient(0deg, transparent, rgba(0, 0, 0, .5));
    border-radius: unset;
    width: 100%
}

.jym-goodsList-hide {
    display: none
}

.jym-goodsList-header-input {
    background: #f5f7fa;
    border-radius: .48rem;
    color: #c0c4cc;
    font-size: .37333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: .93333rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: left;
    padding-left: .18667rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-family: PingFangSC-Regular;
    max-width: 6.21333rem;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jym-goodsList-header-input .keyword {
    color: #303133
}

.jym-goodsList-header-input .iconfont-search {
    font-size: .37333rem;
    margin-right: .13333rem
}

.jym-goodsList-header-toggle {
    font-size: .37333rem;
    color: #05b4ff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 1.2rem;
    margin-right: .21333rem;
    margin-left: .4rem
}

.jym-goodsList-header-toggle .switch {
    width: .37333rem;
    display: inline
}

.jym-goodsList-header-toggle .switch.hidden {
    display: none
}

.jym-goodsList-errorpage {
    font-size: .42667rem;
    color: #303133;
    text-align: center
}

.jym-goodsList-errorpage-header {
    background-color: #fff;
    height: 1.2rem;
    line-height: 1.2rem;
    font-weight: bolder
}

.jym-goodsList-errorpage-img {
    width: 3.89333rem;
    margin: 5.54667rem auto .53333rem
}

.jym-goodsList-errorpage-btn {
    width: 2rem;
    margin: .4rem auto
}

.jym-goodsList-swipimg-btn {
    margin: 0 auto;
    width: 3.73333rem
}

.jym-goodsList-swipimg-btn-zone {
    position: absolute;
    bottom: 0;
    padding: .93333rem 0 .8rem;
    left: 0;
    width: 100%;
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .5));
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5))
}

.jym-goodsList-swipimg-btn .jym-btn-imgBtn {
    background: rgba(0, 0, 0, .5);
    border: 1px solid #fff
}

.jym-goodsList .image-swipe .carousel-page {
    top: 0;
    bottom: auto;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: .48rem
}

.jym-goodsList-goTop {
    position: fixed;
    bottom: 1.06667rem;
    right: .4rem;
    width: .93333rem;
    height: .93333rem;
    background-color: #fff;
    border-radius: 50%;
    font-size: .88rem;
    text-align: center;
    line-height: .93333rem;
    z-index: 1;
    border: 1px solid #e6e8eb;
    color: #666;
    -webkit-animation: arrow-slide-up .3s linear;
    animation: arrow-slide-up .3s linear
}

.jym-goodsList-goTop.arrow-slide-down {
    -webkit-animation: arrow-slide-down .3s linear;
    animation: arrow-slide-down .3s linear
}

.new-list-search-tabs li.active:last-child {
    color: #5f6166
}

.infinite-scroll-message.first-loading {
    margin-top: 4.8rem
}

@-webkit-keyframes arrow-slide-up {
    0% {
        -webkit-transform: translate3d(0, 1.06667rem, 0);
        transform: translate3d(0, 1.06667rem, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes arrow-slide-up {
    0% {
        -webkit-transform: translate3d(0, 1.06667rem, 0);
        transform: translate3d(0, 1.06667rem, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes arrow-slide-down {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, 1.06667rem, 0);
        transform: translate3d(0, 1.06667rem, 0)
    }
}

@keyframes arrow-slide-down {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, 1.06667rem, 0);
        transform: translate3d(0, 1.06667rem, 0)
    }
}

.good-list-banner {
    margin: .4rem;
    padding: 0;
    display: block
}

.good-list-banner img {
    border-radius: .13333rem
}

/* tabbar */



.tabbar {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100vw;
    bottom: 0;
    height: 55px;
    background: #fff;
    border-top: 1px solid #ddd;
}

.tabbar p {
    margin: 0;
}

.tabbar img {
    width: 25px;
    height: 25px;
}

.tabbar div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.tabbar .item.c .word {
    color: #85c1f7;
}

.tabbar div:first-child {
    margin-left: 4vw;
}

.tabbar div:last-child {
    margin-right: 4vw;
}

.tabbar div p {
    font-size: 10px;
    margin-top: 2px;
    color: #D4D4D4;
}


.tabbar .dot {
    width: 15px;
    height: 15px;
    background: #f81714;
    color: #fff;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: -7px;
    top: -7px;
}

.list {
    display: flex;
    align-items: center;
    flex-direction: column;

}

.list .item {
    width: 94%;
    display: flex;
    font-size: 14px;
    margin-top: 2.5vw;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;

}

.list .item:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.list .item .left {
    display: flex;
    align-items: center;

}

.list .item .left .middle {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 18vw;
}

.list .item .left .middle .p1 {
    font-size: 16px;
    font-weight: bold;
}

.list .item .left .price p {
    color: #F67662;
    font-weight: bold;
    font-size: 16px;
}

.list .item .last {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 18vw;

}

.list .item .last .xiadan {
    display: flex;
    justify-content: center;
}

.list .item .left .middle .price {

    display: flex;
}

.list .item .left img {
    width: 22vw;
    height: 22vw;
    border-radius: 10px;
    margin-right: 10px;
    object-fit: cover;
}

.list .item .xuanze {
    display: flex;
    align-items: center;
}

.list .item .xuanze img {
    width: 17px;
    height: 17px;
    border-radius: 10px;
}

.list .item .xuanze p {
    font-size: 12px;
}

.list .item .xiadan {
    background: #85c1f7;
    width: 80px;
    height: 26px;
    text-align: center;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 13px;
}

/* 预览图片 */
.preview {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.preview .mask {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    z-index: 1001;
}

.preview img {
    z-index: 1002;
    width: 100vw;
    position: fixed;
}

/* 预览图片 */
.dongtailist .item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 2.5vw;
    padding-bottom: 10px;
}

.dongtailist .imglist {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.dongtailist .imglist img {
    width: 100px;
    height: 110px;
    margin-right: 1.2vw;
    margin-bottom: 1.2vw;
    border-radius: 5px;
    object-fit: cover;
}

.dongtailist .chat {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    margin-top: 15px;
}

.dongtailist .chat img {
    width: 15px;
    height: 15px;
    margin-right: 3px;
}

/* 评价 */
.pingjialist {
    display: flex;
    flex-direction: column;

}

.pingjialist .item {
    display: flex;
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;

}

.pingjialist .item .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 15px;
}

.pingjialist .star {
    display: flex;
    margin-bottom: 10px;
    margin-top: 10px;
}

.pingjialist .star img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.pingjialist .date {
    color: #999;
    margin-top: 10px;
}

/* 评价 */

/* 下单须知 */
.xuzhiview {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.xuzhiview .mask {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    z-index: 1001;
}

.xuzhiview .wrap {
    z-index: 1002;
    width: 90vw;
    position: fixed;
    background: #fff;
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 15px;

}

.xuzhiview .title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

.xuzhiview .contents {
    font-size: 14px;
    line-height: 1.5;
    white-space: pre-wrap;
}

.xuzhiview .btns {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    margin-top: 15px;
}

.xuzhiview .btns p {
    width: 37vw;
    height: 11vw;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #85c1f7;
    border-radius: 25px;
}

.xuzhiview .btns .qx {
    color: #999;
    background: #eee;
}

/* 下单须知 */